<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>题目和文章提交页面</title>
    <style>
        body {
            font-family: 'Arial', sans-serif;
            background-color: #eaf7e4; /* 浅绿色背景 */
            color: #333; /* 深灰色文字 */
            margin: 0;
            padding: 0;
        }

        header {
            background-color: #4caf50; /* 深绿色头部背景 */
            color: #fff; /* 白色文字 */
            text-align: center;
            padding: 1em;
        }

        section {
            margin: 20px;
        }

        .progress-container {
            background-color: #dff0d8; /* 淡绿色进度容器背景 */
            padding: 20px;
            border-radius: 10px;
        }

        .progress-item {
            margin-bottom: 15px;
        }

        footer {
            background-color: #4caf50; /* 深绿色底部背景 */
            color: #fff; /* 白色文字 */
            text-align: center;
            padding: 1em;
            position: fixed;
            bottom: 0;
            width: 100%;
        }
    </style>
    <link rel="stylesheet" href="layui/css/layui.css">
</head>
<body>

<div class="layui-container">
    <header>
        <h1>题目和文章提交</h1>
    </header>

    <!-- 题目输入 -->
    <form action="articlesubmission" method="post" >
    <div class="layui-form">
        <div class="layui-form-item">
            <label class="layui-form-label">题目：</label>
            <div class="layui-input-block">
                <input type="text" class="layui-input" placeholder="输入题目" lay-verify="required" name="title">
            </div>
        </div>
    </div>

    <!-- 文章输入 -->
    <div class="layui-form">
        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">文章内容：</label>
            <div class="layui-input-block">
                <textarea class="layui-textarea" placeholder="输入文章内容" lay-verify="required" name="content"></textarea>
            </div>
        </div>
    </div>

    <!-- 提交按钮 -->
    <div class="layui-form">
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit lay-filter="submitForm">提交</button>
            </div>
        </div>
    </div>
</form>
</div>

<script src="layui/layui.js"></script>
<script>

</script>
</body>
</html>